﻿<link src="__ROOT__/Public/static/layer/css/layer.css">
<script src="__ROOT__/Application/Home/Common/js/vendor/jquery-2.0.3.min.js"></script>
<script src="__ROOT__/Public/static/layer/layer.js"></script>
<script src="__ROOT__/Application/Home/Common/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="/Application/Home/Common/css/bootstrap.min.css">
<button class="uck">dianji</button>
<div class="wc-proceed-to-checkout">
	<a href="#">Proceed to Checkout</a>
</div>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet.</p>
<div class="disnoe" style="display:none;">
    <h3 style="color:#3c3c3c;margin-left:80px;margin-top:30px">密码登陆</h3>
    <form class="form-horizontal" style="margin-top:20px">
  <div class="form-group">
    <label for="inputEmail3" class="col-sm-2 control-label"></label>
    <div class="col-sm-8">
      <input type="text" class="form-control" placeholder="会员名/邮箱/手机号" style="height: 45px">
    </div>
  </div>
  <div class="form-group">
    <label for="inputPassword3" class="col-sm-2 control-label"></label>
    <div class="col-sm-8">
      <input type="password" class="form-control" placeholder="密码" style="height: 45px">
    </div>
  </div>
  <div class="form-group">
    <div class="col-sm-offset-2 col-sm-10">
      <button type="submit" class="btn btn-default" style="width:280px;height:40px;background:#CD2626;color:#ffffff ">登&nbsp;&nbsp;&nbsp;陆</button>
    </div>
  </div>
  </form>
</div>
<!-- 你的HTML代码 -->
<script type="text/javascript">
 //一般直接写在一个js文件中
  $(function(){
     $(".uck").click(function(){
layer.open({
  type: 1,
  skin: 'layui-layer-rim', //加上边框
  area: ['450px', '400px'], //宽高
  content: $(".disnoe")
});
    });
 });
</script>